<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>
  <nz-tabset [nzTabBarExtraContent]="extraTemplete" (nzSelectChange)="change($event)">
    <nz-tab nzTitle="全部"></nz-tab>
    <!--<nz-tab nzTitle="已放款"></nz-tab>-->
    <nz-tab nzTitle="未放款"></nz-tab>
  </nz-tabset>
  <ng-template #extraTemplete>
    <!--<nz-dropdown >-->
        <!--<button nz-button nz-dropdown>添加订单<i class="anticon anticon-down"></i></button>-->
        <!--<ul nz-menu>-->
          <!--<li nz-menu-item>-->
            <!--<a (click)="gotoAdd()"><i class="anticon anticon-plus"></i> 添加</a>-->
          <!--</li>-->
          <!--<li nz-menu-item>-->
            <!--<a>-->
              <!--<nz-upload [nzAction]="uploadUrl" [nzShowUploadList]="false" nzAccept="application/vnd.ms-excel"-->
                  <!--(nzChange)="uploadProd($event)">-->
                  <!--<i class="anticon anticon-upload"></i> 导入商品-->
              <!--</nz-upload>-->
            <!--</a>-->
          <!--</li>-->
          <!--<li nz-menu-item>-->
            <!--<a down-file [http-data]="data" http-url="assets/tmp/prodimport.xls" file-name="物料模板">-->
              <!--<i class="anticon anticon-download"></i> 下载导入模板-->
            <!--</a>-->
          <!--</li>-->
        <!--</ul>-->
    <!--</nz-dropdown>-->

  </ng-template>

  <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="8">
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入客户姓名" [(ngModel)]="q.cusName" name="cusName">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入电话" [(ngModel)]="q.cusMobile" name="cusMobile">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入订单编号" [(ngModel)]="q.orderNo" name="orderNo">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

        <nz-col nzMd="3" nzSm="24">
            <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
    </nz-row>
  </form>
</nz-card>


<simple-table #st
    [columns]="columns"
    [data]="url"
    [ps]="ps"
    [extraParams]="q"
    [resReName]="{ total: 'total', list: 'data'}"
    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
    toTopInChange
    [showTotal]="true"
    [showPagination]="true"
    [showSizeChanger]="true"
              [scroll]="{  x: '1300px' }"
    (checkboxChange)="checkboxChange($event)"
    >
    <!--<ng-template st-row="img" let-i>-->
      <!--<span *ngIf="!i.img" style="color: lightgrey; font-size: 12px;">无图片</span>-->
      <!--<a><img *ngIf="i.img" (click)="showImage(imgSuffix + i.img)" [src]="imgSuffix + i.img" width="32px" style=" max-height: 32px;"/></a>-->
    <!--</ng-template>-->

    <!--<ng-template st-row="isCm" let-i>-->
        <!--{{i.isCm === '0' ? '非定制' : '定制'}}-->
    <!--</ng-template>-->
    <!--<ng-template st-row="isAd" let-i>-->
      <!--{{i.isAd === '0' ? '普通款' : '广告款'}}-->
    <!--</ng-template>-->
</simple-table>

<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
  <ng-template #modalContent>
    <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
  </ng-template>
</nz-modal>

</nz-spin>
